$(function() {

    Element.prototype.hasClass = function(className) {
        return this.className && new RegExp("(^|\\s)" + className + "(\\s|$)").test(this.className);
    };
    render();


    function render() {
        $.ajax({
            url: 'http://193.112.55.79:9090/api/getbrandtitle',
            type: 'get',
            dataType: 'jsonp',
            success: function(res) {
                console.log(res);
                template.config('escape', false)
                if (res) {


                    var htmlStr = template('menuTemplate', res);
                    // console.log(htmlStr);

                    // 动态渲染数据
                    $('.index-menu').html(htmlStr);




                    // Dropdown Menu
                    var dropdown = document.querySelectorAll('.dropdown');
                    var dropdownArray = Array.prototype.slice.call(dropdown, 0);
                    dropdownArray.forEach(function(el) {
                        var button = el.querySelector('a[data-toggle="dropdown"]'),
                            menu = el.querySelector('.dropdown-menu'),
                            arrow = button.querySelector('i.icon-arrow');

                        button.onclick = function(event) {
                            if (!menu.hasClass('show')) {
                                menu.classList.add('show');
                                menu.classList.remove('hide');
                                // arrow.classList.add('open');
                                // arrow.classList.remove('close');
                                event.preventDefault();
                            } else {
                                menu.classList.remove('show');
                                menu.classList.add('hide');
                                // arrow.classList.remove('open');
                                // arrow.classList.add('close');
                                event.preventDefault();
                            }
                        };
                    })

                }
            }
        })
    }
})